<template>
    <div id="app">
        <keep-alive>
            <router-view v-if="$route.meta.keepAlive"></router-view>
        </keep-alive>
        <router-view v-if="!$route.meta.keepAlive"></router-view>
    </div>
</template>

<script>
export default {
    name: "app",
};
</script>

<style lang="scss">
html, body {
    width: 100%;
    height: 100%;
}

#app {
    background: #fff;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(204, 204, 204, 1);
}
::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(238, 238, 238, 1);

}

.vl-notify-mask {
    background-color: rgba(0, 0, 0, 1) !important;
}


/*!* 大型设备（笔记本电脑/台式机，992 像素及以上） *!
@media only screen and (min-width: 992px) {
    .vl-notify.vl-notify-main {
        transform: scale(0.9) translate(-50%,-50%) !important;
    }
}

!* 超大型设备（大型笔记本电脑和台式机，1200 像素及以上） *!
@media only screen and (min-width: 1200px) {
    .vl-notify.vl-notify-main {
        ///transform: scale(0.7) translate(-50%,-50%) !important;
    }
}*/




.vl-notify.vl-notify-main {
    border: none !important;
    padding-bottom: 0 !important;
    /*transform: scale(0.9) translate(-50%,-50%) !important;*/
}

.vl-notify.vl-notify-alert h2.vl-notice-title {
    background-color: #45444B !important;
    color: #FFFFFF;
    font-weight: 500;
    border-left: 2px solid #FF8A1B;
    height: 34px !important;
    line-height: 34px !important;
}

.vl-notify.vl-notify-alert h2.vl-notice-title .icon-remove {
    color: #BCBFC4 !important;
}

.vl-notify.vl-notify-alert h2.vl-notice-title .lv-icon-maxmini i {
    color: #BCBFC4 !important;
    text-shadow: none !important;
}
.vl-notify.vl-notify-alert h2.vl-notice-title .icon-remove{
    text-shadow: none !important;
    top: -1px !important;
}
.vl-notify.vl-notify-alert h2.vl-notice-title .icon-remove:hover {
    color: #C81716 !important;
}

.vl-notify .vl-notify-content{
    max-height: calc(100% - 35px) !important;
    height: calc(100% - 35px) !important;
}




</style>
